<template>
    <view class="w-full flex justify-center flex-wrap bg-yellow-400 pt-50px pb-15px box-border shadow-sm mb-20px">
        <image class="w-60px h-60px rounded-full border-2px border-white" src="@/static/weixin/weixin.png" mode="aspectFill"></image>
        <view class="w-full text-center">
            <text class="text-base font-bold">aicans</text>
            <view class="w-full flex items-center justify-center">
                <text class="text-gray-800 text-sm">15767583650</text>
                <view class="flex items-center justify-center">
                    <text class="w-15px h-15px bg-black i-material-symbols-edit block"></text>
                    <text class="text-sm text-black">编辑</text>
                </view>
            </view>
        </view>
    </view>
    <view class="flex items-center justify-between pl-10px pr-10px pt-12px pb-12px box-border border-0 border-b-1px border-gray-100">
        <view class="flex items-center justify-start">
            <text class="i-material-symbols-face-retouching-natural-outline-rounded w-20px h-20px bg-yellow-400 block mr-10px"></text>
            <text class="text-sm">邀请好友</text>
        </view>
        <view class="flex items-center justify-end">
            <text class="text-gray-400 text-sm">邀请好友各得一券</text>
            <text class="i-material-symbols-chevron-right-rounded w-20px h-20px bg-gray-400 block"></text>
        </view>
    </view>
    <view class="flex items-center justify-between pl-10px pr-10px pt-12px pb-12px box-border border-0 border-b-1px border-gray-100">
        <view class="flex items-center justify-start">
            <text class="i-material-symbols-location-on-outline-rounded w-20px h-20px bg-yellow-400 block mr-10px"></text>
            <text class="text-sm">我的地址</text>
        </view>
        <view class="flex items-center justify-end">
            <text class="i-material-symbols-chevron-right-rounded w-20px h-20px bg-gray-400 block"></text>
        </view>
    </view>
    <view class="flex items-center justify-between pl-10px pr-10px pt-12px pb-12px box-border border-0 border-b-1px border-gray-100">
        <view class="flex items-center justify-start">
            <text class="i-material-symbols-help-outline-rounded w-20px h-20px bg-yellow-400 block mr-10px"></text>
            <text class="text-sm">帮助反馈</text>
        </view>
        <view class="flex items-center justify-end">
            <text class="i-material-symbols-chevron-right-rounded w-20px h-20px bg-gray-400 block"></text>
        </view>
    </view>
    <view class="flex items-center justify-between pl-10px pr-10px pt-12px pb-12px box-border border-0 border-b-1px border-gray-100">
        <view class="flex items-center justify-start">
            <text class="i-material-symbols-android-contacts-outline w-20px h-20px bg-yellow-400 block mr-10px"></text>
            <text class="text-sm">联系客服</text>
        </view>
        <view class="flex items-center justify-end">
            <text class="i-material-symbols-chevron-right-rounded w-20px h-20px bg-gray-400 block"></text>
        </view>
    </view>
    <view class="w-full h-10px bg-gray-50"></view>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>